import basicTheme from './basicTheme'

export const MuiDialog = {
  styleOverrides: {
    paper: {
      borderRadius: 0,
      '& .MuiDialogTitle-root+.MuiDialogContent-root': {
        '& .MuiDialogContentText-root:first-of-type': {
          marginTop: basicTheme.spacing(2),
        },
      },
    },
  },
}

export const MuiDialogTitle = {
  styleOverrides: {
    root: {
      backgroundColor: basicTheme.palette.primary.main,
      color: basicTheme.palette.getContrastText(
        basicTheme.palette.primary.main
      ),
      padding: basicTheme.spacing(1, 2),
    },
  },
}

export const MuiDialogContent = {
  styleOverrides: {
    root: {
      padding: basicTheme.spacing(2, 3),
    },
  },
}

export const MuiDialogActions = {
  styleOverrides: {
    root: {
      justifyContent: 'center',
    },
  },
}
